<template>
    <fieldset>
        <legend>Carts</legend>
        <h1>购物车:</h1>
        <ul>
            <li v-for="item in cartData" :key="item.id">
                <b>产品：{{ item.title }}</b> 
                <b>价格：{{ item.price }}</b>
                <b>数量：{{ item.count }}</b>  

                <!-- <button> - </button> -->
            </li>
        </ul>
        <h1>总价：{{ total }}</h1>
    </fieldset>
</template>

<script>
    import { mapGetters, mapState } from 'vuex';
    export default{
        computed:{
            ...mapState('cart',['cartData']),
            ...mapGetters('cart',['total'])
        }
    }
</script>